<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:comps="http://java.sun.com/jsf/composite/comps"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" >

    <body>

        <ui:composition template="./../../resources/templates/newTemplate.xhtml">

            <ui:define name="left">
                <comps:pubPanel />   
            </ui:define>

            <ui:define name="principal">

                <h:form id="form">
                    <h1>Mis Anuncios</h1>
                    <p:growl globalOnly="true" />
                    <p:dataTable var="publicidad" value="#{misPublicidades.publicidades}"
                                 selection="#{misPublicidades.selectedPublicidad}" rowKey="#{publicidad.id}"
                                 selectionMode="single" emptyMessage="No existen publicidades registradas"
                                 paginatorAlwaysVisible="false"
                                 style="text-align: center">

                        <p:ajax event="rowSelect" update="botones" />
                        
                        <f:facet name="header">
                            Seleccione una fila para mayor información de una Publicidad
                        </f:facet>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Titulo" />
                            </f:facet>
                            <h:outputText value="#{publicidad.titulo}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Estado" />
                            </f:facet>
                            <h:outputText value="#{publicidad.estado.toString()}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Desde" />
                            </f:facet>
                            <h:outputText value="#{publicidad.fechaDesde}" >
                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                            </h:outputText>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Hasta" />
                            </f:facet>
                            <h:outputText value="#{publicidad.fechaHasta}" >
                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                            </h:outputText>
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Costo" />
                            </f:facet>
                            <h:outputText value="#{publicidad.costo}" />
                        </p:column>

                        <p:column headerText="Acciones">
                            <p:button icon="ui-icon-pencil" outcome="/vistas/pub/modificarRepublicarPublicidad" 
                                      title="Modificar" style="font-size: 10px"
                                      disabled="#{publicidad.estadoPublicidad eq 'ACTIVA'}" >
                                <f:param name="id" value="#{publicidad.id}" />
                                <f:param name="tipo" value="modificar" />
                            </p:button>
                            <p:button value="R" outcome="/vistas/pub/modificarRepublicarPublicidad" 
                                      title="Republicar" style="font-size: 10px"
                                      disabled="#{publicidad.estadoPublicidad eq 'ACTIVA'}">
                                <f:param name="id" value="#{publicidad.id}" />
                                <f:param name="tipo" value="republicar" />
                            </p:button>
                            <p:commandButton icon="ui-icon-trash" oncomplete="confirmDlg.show()" 
                                             title="Eliminar" style="font-size: 10px"
                                             disabled="#{publicidad.estadoPublicidad eq 'ACTIVA'}" >
                                <f:setPropertyActionListener value="#{publicidad}" target="#{misPublicidades.selectedPublicidad}" />
                            </p:commandButton>
                        </p:column>

                        <f:facet name="footer">
                            <p:outputPanel id="botones" >
                            <p:commandButton id="btnVer" value="Ver Publicidad" icon="ui-icon ui-icon-search"
                                             update=":displayForm:display" oncomplete="pubDialog.show()"
                                             disabled="#{empty misPublicidades.selectedPublicidad}"/>
                            </p:outputPanel>
                        </f:facet>

                    </p:dataTable>

                </h:form>

                <p:dialog header="Publicidad" widgetVar="pubDialog" resizable="false"
                          showEffect="clip" hideEffect="fold">
                    <h:form id="displayForm">
                        <h:panelGrid id="display" columns="2" cellpadding="4">

                            <f:facet name="header">
                                <h:graphicImage value="/imagenpub?id=#{misPublicidades.selectedPublicidad.id}" 
                                                style="max-width: 200px; max-height: 180px; margin: 10px auto" 
                                                styleClass="img"/>
                            </f:facet>

                            <h:outputText value="Título:" />
                            <h:outputText value="#{misPublicidades.selectedPublicidad.titulo}" />
                            
                            <h:outputText value="Descripción:" />
                            <h:outputText value="#{misPublicidades.selectedPublicidad.caption}" />

                            <h:outputText value="URL:" />
                            <a href="#{misPublicidades.selectedPublicidad.url}" >#{misPublicidades.selectedPublicidad.url}</a>

                        </h:panelGrid>
                    </h:form>
                </p:dialog>
                
                <p:dialog id="confirmarDlg" widgetVar="confirmDlg" header="Eliminar publicidad"
                          modal="true" resizable="false" style="text-align: center" >
                    <p>¿Está seguro que desea eliminar la publicidad seleccionada?</p>
                    <br/>
                    <f:facet name="footer" >
                        <h:form>
                            <p:commandButton value="Aceptar" actionListener="#{misPublicidades.eliminarPublicidad}"
                                            oncomplete="confirmDlg.hide()" update=":form" />
                            <p:commandButton value="Cancelar" onclick="confirmDlg.hide()" />
                        </h:form>
                    </f:facet>
                </p:dialog>

            </ui:define>

        </ui:composition>

    </body>
</html>
